/*
	css stylesheet for kjt website
	version 1.0
*/
/* css reset (base on YUI) */
html {
  color: #626262;
}
body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
form,
legend,
input,
button,
textarea,
select,
p,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  border: none;
}
button,
em,
input,
option,
select,
textarea,
th {
  font: inherit;
  outline:none;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4 {
  font-size: 100%;
  font-weight: normal;
}
/*清除浮动*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* global */
body {
  color: #626262;
  font: 12px/1.8em '微软雅黑';
}
body .en{
  font-family:arial;
}
html:root body,
html:root input,
html:root button,
html:root textarea,
html:root select {
  font-family: '微软雅黑';
}
a {
  color: #626262;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.clr {
  clear: both;
}
.mt5 {
  margin-top: 5px;
}
.ml5 {
  margin-left: 5px;
}
.mr5 {
  margin-right: 5px;
}
.mt10 {
  margin-top: 9px;
}
.ml9 {
  margin-left: 9px;
}
.ml10 {
  margin-left: 9px;
}
.mr10 {
  margin-right: 9px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.bw {
  background-color: #FFF;
}
.posr {
  position: relative;
}
.posa {
  position: absolute;
}
.piclink,
.piclink img {
  display: block;
}
.piclink p {
  text-align: center;
}
.mbox{ 
  width:1002px; 
  margin:0 auto;
}
.tit{
  height: 58px;
  overflow: hidden;
}
.tit h2{
  float: left;
  padding-left: 26px;
  line-height: 58px;
  font-size: 20px;
  color: #336699;
  background: url('../images/icon2.jpg') 3px 50% no-repeat;
}
.tit h3{
  float: left;
  margin-left: 10px;
  line-height: 66px;
  font-size: 14px;
  font-family: Arial;
  color: #A5A3A3;
}
a.more{
  margin-top: 27px;
  float: right;
  display: inline-block;
  width: 37px;
  height: 14px;
  background: url('../images/more.gif') no-repeat;
}

/*top*/
.topbox{
  background-color: #336699;
  border-bottom: 10px solid #e9e9e9;
}
.top{
	height:90px;
  color: #fff;
}
.top a{
  color: #fff;
  display: inline-block;
}
.toprbox{
  padding-top: 60px;
}
.toprbox a.add{
  margin-left: 25px;
  padding-left: 22px;
  background: url('../images/icon1.gif') 0 0 no-repeat;
}
.inner_topbox{
  background-color: #336699;
}
.inner_top{ 
  height:83px;
}
.inner_logo{ 
  margin:8px;
  margin-top:18px;
}
.inner_nav{ 
  margin-top:30px;
  width:650px; 
  text-align:right; 
  height:48px; 
  line-height:48px;
}
.inner_nav a{ 
  font-size:14px; 
  color:#fff; 
  margin-left:20px;
}
.lng{
  color:#fff;
  width:120px;
  height:24px;
  line-height:24px;
  right:-10px;
  top:15px;
  text-align:right;
}
.lng a{
  margin:0 10px;
  color:#fff;
}
.inner_top .lng{
  top:8px;
}

/*nav*/
.nav{
  padding-top: 9px;
  height: 41px;
  overflow: hidden;
}
.nav ul{
  padding-left: 15px;
}
.nav li{
  float: left;
  margin: 0 15px;
  line-height: 33px;
}
.en .nav li{
  margin: 0 13px;
}
.nav li a{
  padding:0 14px;
  font-size: 16px;
}
.nav li a.active,.nav li a:hover{
  display: inline-block;
  color: #fff;
  background: url('../images/navac.jpg') repeat-x;
  text-decoration: none;
}

/*banner*/
.banner,.banner .bd{
  height: 390px;
  overflow: hidden;
}
.banner .bd a{
  height: 390px;
  display: block;
}
.banner .hd{
  width: 100%;
  height: 15px;
  overflow: hidden;
  text-align: center;
  bottom: 10px;
}
.banner .hd li{
  margin: 0 3px;
  _margin: 0 5px;
  width: 10px;
  height: 10px;
  background: url('../images/circle.png') 0 -10px no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  cursor: pointer;
}
.banner .hd li.on{
  background: url('../images/circle.png') 0 0 no-repeat;
}

/*ibox1*/
.ibox1{
  padding-top: 5px;
  height: 286px;
  overflow: hidden;
  background-color: #f5f5f5;
}
.about{
  width: 489px;
  height: 286px;
  overflow: hidden;
  padding-right: 20px;
  background: url('../images/line.jpg') right center no-repeat;
}
.picsrroll .bd{
  width: 256px;
  height: 181px;
  overflow: hidden;
}
.picsrroll .hd{
  height: 10px;
  overflow: hidden;
  margin-top: 13px;
}
.picsrroll .hd li{
  margin-right: 5px;
  width: 10px;
  height: 10px;
  float: left;
  background-color: #c9c9c9;
  cursor: pointer;
}
.picsrroll .hd li.on{
  background-color: #336699;
}
.cpsummary{
  width: 214px;
  line-height: 27px;
  text-indent: 2em;
}
.newsbox{
  width: 461px;
  height: 286px;
  padding-right: 13px;
  overflow: hidden;
  background: url('../images/line.jpg') right center no-repeat;
}
.headline{
  border-bottom: 1px dashed #cfcfcf;
  padding-bottom: 10px;
}
.headline .piclink{
  width: 117px;
  height:74px;
  padding: 1px 4px 5px 1px;  
  background: url('../images/picbox.jpg') no-repeat;
}
.topnews{
  width: 325px;
}
.topnews h2 a{
  font-size: 14px;
  font-weight: bold;
  color: #2066ac;
}
.topnews p{
  line-height: 26px;
}
.topnews p a{
  position: absolute;
  bottom: 0;
  right: 0;
  color: #669ed6;
}
.newslist{
  margin-top: 3px;
}
.newslist li{
  line-height: 32px;
}
.newslist span{
  color: #999797;
  margin-right: 25px;
}
/*prolist*/
.protit{
  height: 58px;
  line-height: 58px;
  background: url('../images/protit.jpg') repeat-x;
}
.prolist{
  height: 137px;
  overflow: hidden;
  background-color: #edf1f6;
}
.prev,.next{
  display: block;
  width: 14px;
  height: 34px;
  position: absolute;
  top: 50px;
}
.prev{
  left: 0;
  background: url('../images/larrow.png') no-repeat;
}
.next{
  right: 0;
  background: url('../images/rarrow.png') no-repeat;
}
.pro{
  margin: 0 auto;
  width: 938px;
  overflow: hidden;
}
.pro li{
  margin: 20px 12px 0 12px;
  width: 110px;
  float: left;
  text-align: center;
}
.pro li p a{
  line-height: 32px;
  font-size: 14px;
  color: #336699;
}

/*foot*/
.foot{
  padding-top: 12px;
  height: 115px;
  line-height: 26px;
  color: #fff;
  overflow: hidden;
  background-color: #336699;
  border-top: 7px solid #3a77b4;
}
.foot .fr{
  line-height: 22px;
  text-align: right;
}

/*inner*/
.chnltop{ 
  margin-top:16px;
  height:42px;
  border-bottom:1px solid #ccc;
}
.chnltop h1{
  line-height:42px;
  font-size:24px;
  color:#000;
}
.pos{
  padding:17px 0 0 15px;
}
.pos a{ 
  margin:0 8px;
  color:#000;
}
.search{
  width:217px;
  height:24px;
  line-height:24px;
  border:1px solid #eee;
}
.search .keyword{
  padding:0 5px;
  width:180px;
  height:24px;
  border:0;
}
.search .submit{
  width:27px;
  height:24px;
  border:0;
  background:url('../images/icon2.gif') no-repeat;
  cursor: pointer;
}
.lnav{
  width:213px;
  background:url('../images/lnavbg.jpg') repeat-y;
}
.lnav li{
  padding-bottom:2px;
  background:url('../images/lnavline.jpg') left bottom no-repeat;
}
.lnav li a{
  height:30px;
  line-height:30px;
  padding-left:17px;
  display:block;
  font-size:14px;
  color:#000;
}
.lnav li a:hover,.lnav li.active a{
  background:url('../images/lnavac.jpg') no-repeat;
  color:#fff;
  text-decoration:none;
}
.rbox{
  padding:17px;
  width:734px;
  overflow:hidden;
  border:1px solid #c1c1c1;
  min-height:480px;
  _height:480px;
}
.plist li{
  float:left;
  margin:0 13px 20px 13px;
  padding:0 6px;
  width:204px;
  height:162px;
  border:1px solid #c2c2c2;
  text-align:center;
}
.plist li img{
  display:block;
}
.plist li p{
  height:31px;
  line-height:30px;
  border-top:1px solid #d5d5d5;
}
.plist li p a{
  font-size:14px;
}
.page{
  height:20px;
  line-height:20px;
  text-align:right;
}
.plist .page{
  padding-right:13px;
}
.listbox ul{
  padding:0 10px;
}
.listbox ul li{
  padding-left:26px;
  height:30px; 
  line-height:30px;
  border-bottom:1px dashed #dfdfdf;
  background:url('../images/icon3.gif') 3px 50% no-repeat;
}
.listbox ul li span{
  float:right;
}
.listbox .page{
  padding:15px 13px 0 0;
}
.conblock{
  margin-top:20px;
  padding:20px;
  padding-top:0;
  border:1px solid #c1c1c1;
}
.title{
  height:60px; 
  line-height:60px;
  font-weight:bold;
  font-size:16px;
  color:#336699;
  border-bottom:1px solid #c1c1c1;
  text-align:center;
}
.coninfo{
  margin-top:10px;
  text-align:center;
  height:26px;
  line-height:26px;
  background-color:#E2F5FF;
}
.coninfo span{
  margin:0 15px;
}
.context{
  font-size:14px;
}
.joblist{ 
  margin: 12px auto; 
  width: 728px; 
  border: 1px solid #dee2eb; 
  float: left;
}
.jobkind{ 
  padding: 0 5px; 
  height: 30px; 
  line-height: 30px; 
  background-color: #f2f2f2; 
  border-bottom: 1px solid #dee2eb; 
  font-weight: bold; 
  color: #666;
}
.jobkind a{ 
  font-weight: bold; 
  color: #666;
}
.jobkind a:hover{ 
  color: red; 
  text-decoration: none;
}
.jobcon{ 
  padding: 8px 15px; 
  color: #666;
}
.proinfo{
  width:395px;
}
.proinfo h2{
  font-size:14px;
  font-weight:bold;
  color:#0058aa;
  line-height:24px;
}
.proinfo p{
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom:1px solid #d5d5d5;
}
.proinfo p.zhibiao{
  height:150px;
}
.probox{
  border:1px solid #cbcbcb;
}
.procon{
  margin-top:20px;
}
.procon h2{
  border-bottom:1px solid #d5d5d5;
}
.procon h2 span{
  display:inline-block;
  height:26px;
  line-height:26px;
  padding:0 30px;
  background-color:#005daa;
  color:#fff;
}
.protext{
  padding:20px 24px;
}
.msgtips td{
  text-align:center;
}
.backtop{
  display:inline-block;
  width:38px;
  height:38px;
  background:url('../images/backtop.gif') 0 0 no-repeat;
  position: fixed;
  _position:absolute;
  bottom: 150px;
  right: 50%;
  margin-right:-570px;
  display:none;
}
a.backtop:hover{
  background:url('../images/backtop.gif') 0 -39px no-repeat;
}